<!DOCTYPE html><html lang="en"><head><meta charset="utf-8">
    
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>唯缘</title>

    <!-- CSS -->
    <link href="https://cdn.bootcss.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/ultm-general.css">
    <link rel="stylesheet" href="css/ultm-sizes.css">
    <link rel="stylesheet" href="css/ultm-shapes.css">
    <link rel="stylesheet" href="css/ultm-bg-colors.css">
    <link rel="stylesheet" href="css/ultm-bg-images-32.css">
    <link rel="stylesheet" href="css/ultm-effects.css">
    <link rel="stylesheet" href="css/form-elements.css">
    <link rel="stylesheet" href="css/buttons.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/media-queries.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- Favicon and touch icons -->
    <link rel="shortcut icon" href="http://www.chaomikj.com/static/img/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://yuanfen5.com/web/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://yuanfen5.com/web/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://yuanfen5.com/web/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://yuanfen5.com/web/assets/ico/apple-touch-icon-57-precomposed.png">
    <script src="js/b5m.js" charset="utf-8" id="b5mmain" type="text/javascript"></script>
</head><body>

<!-- Top menu -->
<nav>
    <div class="container">
        <div class="row">
            <div class="col-sm-2 nav-logo">
                <a href="#">唯缘</a>
            </div>
            <div class="col-sm-10 nav-links">
                <div class="show-menu">
                    <a href=""><i class="fa fa-bars"></i></a>
                </div>
                <a class="scroll-link" href="#top-content">首页</a>
                <a class="scroll-link" href="#product">产品</a>
                <a class="scroll-link" href="#about-us">关于</a>
                <a class="scroll-link" href="#contact">联系</a>

            </div>
        </div>
    </div>
</nav>

<!-- Top content -->
<div style="position: relative; z-index: 0; background: none repeat scroll 0% 0% transparent;" class="top-content">
    <div class="inner-bg">
        <div class="container">
            <div class="row">
                <div style="visibility: visible; animation-name: fadeInLeft;" class="col-sm-5 phone wow fadeInLeft animated">
                    <img src="img/yuanfenwang_1.png" alt="">
                </div>
                <div style="visibility: visible; animation-name: fadeInUp;" class="col-sm-7 text wow fadeInUp animated">
                    <h1>认识新的朋友，分享生活中的乐事与烦恼！</h1>
                    <div class="description">
                        用一句话代表自己，瞬间扩展朋友圈。
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 730px; width: 1903px; z-index: -999998; position: absolute;" class="backstretch"><img src="img/5029.jpeg" style="position: absolute; margin: 0px; padding: 0px; border: medium none; width: 1903px; height: 1189.38px; max-height: none; max-width: none; z-index: -999999; left: 0px; top: -229.688px;"></div></div>

<!-- Features -->
<div class="product-container section-container ">
    <div class="container">
        <div class="row">
            <div style="visibility: visible; animation-name: fadeIn;" class="col-sm-12 product section-description wow fadeIn animated">
                <h2>唯缘-认识新的朋友，分享生活中的乐事与烦恼！</h2>
                <p style="text-align: left;">
                    唯缘是宁波牧澜传媒科技有限公司开发的一款交友软件，让你在这里轻松愉快的认识新朋友，分享生活中的乐事与烦恼！<br>
                    在单调的城市中寻找属于你我的精彩。它将带给你更好的聊天体验，您可以随时随地的结识新的朋友聊天。<br>
                    每个人在工作和生活中难免都有不同的压力，总希望找个人诉说下自己对生活的感受，在这里你可以尝试找到新的朋友并与ta分享你的故事。<br>

                </p>
            </div>
        </div>
        <div class="row">
            <div style="visibility: visible; animation-name: fadeInUp;" class="col-sm-4 features-left wow fadeInUp animated">
                <div class="features-box">
                    <div class="features-box-icon">

                        <img src="img/people.png" width="82">
                    </div>
                    <h3>便捷的注册</h3>
                    <p>注册完全免费，只需30秒时间便能开始结识新的朋友</p>
                </div>
                <div class="features-box">
                    <div class="features-box-icon">
                        <img src="img/search.png" width="82">
                    </div>
                    <h3>精准推荐</h3>
                    <p>根据兴趣爱好，个性特征、等多维度精确匹配，帮你快速定位满意的聊天人选。</p>
                </div>

                <div class="features-box">
                    <div class="features-box-icon">
                        <img src="img/chat.png" width="82">

                    </div>
                    <h3>即时聊天</h3>
                    <p>可以发送文字，语音，视频，畅快沟通，轻松交流，流畅度不输于QQ微信。</p>
                </div>

            </div>
            <div style="visibility: visible; animation-name: fadeInDown;" class="col-sm-4 features-center wow fadeInDown animated">
                <img src="img/yuanfenwang_2.png" alt="">
            </div>
            <div style="visibility: visible; animation-name: fadeInUp;" class="col-sm-4 features-right wow fadeInUp animated">
                <div class="features-box">
                    <div class="features-box-icon">
                        <img src="img/radar.png" width="82">
                    </div>
                    <h3>操作简单</h3>
                    <p>我们相信简单就是美，我们将功能界面尽量精简，使每个人都容易上手</p>
                </div>
                <div class="features-box">
                    <div class="features-box-icon">
                        <img src="img/tip.png" width="82">
                    </div>
                    <h3>实时提醒</h3>
                    <p>谁给您来信，谁关注了您，谁看过您，实时提醒，确保不错过每个聊天的机会。</p>
                </div>

                <div class="features-box">
                    <div class="features-box-icon">
                        <img src="img/honest.png" width="82">
                    </div>
                    <h3>绿色聊天</h3>
                    <p>牢记社会主义核心价值观，弘扬正能量，创造真实、安全的聊天环境。</p>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Screenshots -->
<div class="screenshots-container section-container">
    <div class="container">
        <div class="row">
            <div style="visibility: visible; animation-name: fadeIn;" class="col-sm-12 screenshots section-description wow fadeIn animated">
                <h2>唯缘</h2>
                <p>
                    认识新的朋友，分享生活中的乐事与烦恼！<br>
                </p>
            </div>
        </div>
        <div class="row">
            <div style="visibility: visible; animation-name: fadeInUp;" class="col-sm-4 screenshot-box screenshot-box-left wow fadeInUp animated">
                <img src="img/yuanfenwang_3.png" alt="Screenshot 1">
            </div>
            <div style="visibility: visible; animation-name: fadeInDown;" class="col-sm-4 screenshot-box wow fadeInDown animated">
                <img src="img/yuanfenwang_4.png" alt="Screenshot 2">
            </div>
            <div style="visibility: visible; animation-name: fadeInUp;" class="col-sm-4 screenshot-box screenshot-box-right wow fadeInUp animated">
                <img src="img/yuanfenwang_5.png" alt="Screenshot 3">
            </div>
        </div>
    </div>
</div>




<!-- About us -->
<div class="about-us-container section-container">
    <div class="container">
        <div class="row">
            <div style="visibility: visible; animation-name: fadeIn;" class="col-sm-12 about-us section-description wow fadeIn animated">
                <h2>关于公司</h2>
                <p style="text-align: left;">
                      宁波牧澜传媒科技有限公司，经批准合法经营，让你在这里轻松愉快的认识新朋友，分享生活中的乐事与烦恼！在单调的城市中寻找属于你我的精彩。它将带给你更好的聊天体验，您可以随时随地的结识新的朋友聊天。
					  每个人在工作和生活中难免都有不同的压力，总希望找个人诉说下自己对生活的感受，在这里你可以尝试找到新的朋友并与ta分享你的故事。<br>
					<br>
                </p>
            </div>
        </div>

    </div>
</div>



<!-- Contact us -->
<div style="position: relative; z-index: 0; background: none repeat scroll 0% 0% transparent;" class="contact-container section-container section-container-full-bg">
    <div class="container">
        <div class="row">
            <div style="visibility: visible; animation-name: fadeIn;" class="col-sm-12 contact section-description wow fadeIn animated">
                <h2>联系我们</h2>
            </div>
        </div>
        <div class="row">
            <div style="visibility: visible; animation-name: fadeInRight;" class="col-sm-7 contact-address wow fadeInRight animated">
                <h3>公司信息</h3><br>
				<p>地址：	浙江省宁波市江北区江北大道99号61幢2-27室</p>
            </div>

            <div style="visibility: visible; animation-name: fadeInLeft;" class="col-sm-5 contact-address wow fadeInLeft animated">

            </div>

        </div>
    </div>
    <div style="left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 405px; width: 1903px; z-index: -999998; position: absolute;" class="backstretch"><img src="img/2.jpeg" style="position: absolute; margin: 0px; padding: 0px; border: medium none; width: 1903px; height: 1008.99px; max-height: none; max-width: none; z-index: -999999; left: 0px; top: -301.993px;"></div></div>

<!-- Footer -->
<footer>
    <div class="container">
        <div class="row">
            <div class="col-sm-12 footer-copyright" style="text-align:center;">
                Copyright © 宁波牧澜传媒科技有限公司 2018 - 2022
                <a href="http://beian.miit.gov.cn"><span id="icp"> 浙ICP备20012228号-1</span></a>
            </div>
            <!-- 
            <div class="col-sm-5 footer-social">
                <a class="ultm ultm-facebook ultm-32 ultm-square ultm-color-to-gray" href=""></a>
                <a class="ultm ultm-dribbble ultm-32 ultm-square ultm-color-to-gray" href=""></a>
                <a class="ultm ultm-twitter ultm-32 ultm-square ultm-color-to-gray" href=""></a>
                <a class="ultm ultm-google-plus-1 ultm-32 ultm-square ultm-color-to-gray" href=""></a>
                <a class="ultm ultm-pinterest ultm-32 ultm-square ultm-color-to-gray" href=""></a>
            </div 
            -->
        </div>
    </div>
</footer>


<script src="js/jquery-1.js"></script>
<script src="js/jquery_003.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery.js"></script>
<script src="js/jquery_002.js"></script>
<script src="js/scripts.js"></script>

<!--[if lt IE 10]>
<script src="../../..static/js/placeholder.js"></script>
<![endif]-->
<div style="display:block;"></div>




</body></html>